/* CSS Reset */
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td{margin:0;padding:0;border:0;outline:0;font-weight:inherit;font-style:inherit;font-size:100%;font-family:inherit;vertical-align:baseline;}:focus{outline:0;}body{line-height:1;color:black;background:white;}ol,ul{list-style:none;}table{border-collapse:separate;border-spacing:0;}caption,th,td{text-align:left;font-weight:normal;}blockquote:before,blockquote:after,q:before,q:after{content:"";}blockquote,q{quotes:"" "";}a{text-decoration:none;}

/* CSS Styles */
@font-face {
	font-family: 'HelvetivaNeue';
    src: url('../resources/fonts/dive-webfont.eot');
    src: url('../resources/fonts/dive-webfont.eot?#iefix') format('embedded-opentype'),
         url('../resources/fonts/dive-webfont.woff') format('woff'),
         url('../resources/fonts/dive-webfont.ttf') format('truetype'),
         url('../resources/fonts/dive-webfont.svg#HelvetivaNeue') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
	font-family: applegaramond;
	src: url('../resources/fonts/applegaramond.eot'); /* EOT file for IE */
}

@font-face {
	font-family: applegaramond;
	src: url("../resources/fonts/applegaramond.ttf");
	/* TTF file for CSS3 browsers */
}

body {
	color:#717a7c;
	font-family:'HelvetivaNeue','Helvetica Neue', Helvetica;
	font-size:14px;
	background:#343434;
	text-shadow:0 1px 0 #fff;
	overflow-x:hidden;
	height: auto !important;
}

td {
	vertical-align: middle;
	font-family: 'HelvetivaNeue','Helvetica Neue', Helvetica !important;
}

/*POR ID*/
#main{
	margin-top: 100px;
	margin-bottom: 50px;
}

#boxForm .ico span{
	font-size:27px;
	font-weight:bold;
	color:#808080;
	width:49px;
	margin:33px 0 0 35px;
	display:block;
	text-align:center;
}

/*POR CLASES*/
.content{
	margin: 25px 50px 50px 50px;
	border-radius: 5px;
}

.sub-main-interno{
	width: 550px;
	margin: 0 auto 0 auto;
}

.box-interno{
	padding-bottom: 30px;
	background:#fff;
	position:relative;
	box-shadow: 0 7px 20px #1f1f1f;
	border-radius: 7px;
}

.header-privado{
	height:64px;
	width:100%;
	border-bottom: 1px solid #e4e4e4;
	border-top-left-radius: 5px;
	border-top-right-radius: 5px;
	background-color: #797C82  !important;
	display: inline-block;
	background-image: url('../resources/images/logo-divemotor-login.png');
	background-repeat: no-repeat;
	background-position: 20px 20px;
}

.titulo-interno{
	text-align:center;
	font-family: applegaramond;
	font-size: 25px;
	color: #00427F;
	margin-top: 20px;
}

.pie-pagina-interno{
	margin-top:10px;
}

.pie-pagina-interno a{
	color: #717A7C;
	font-size: 13px;
	font-family: 'HelvetivaNeue','Helvetica Neue', Helvetica !important;
	text-shadow :none !important;
}

.divPersonIcon{
	height:88px; 
	width:55px;
	margin:0 auto;
	background-image: url('../resources/images/icon-person-login.jpg');
}

.divPanelGrid {
	display: inline-block;
	margin: 0 auto;
}

.divPanelGrid td{
	padding-top: 2px;
	height: 30px; 
}

.divPanelGrid td label{
	text-align:right;
	margin-right: 10px;
	margin-left: 30px; 
	margin-bottom: 15px; 
	float: right;
	color: #666;
	font-size: 13px;
}

.divPanelGrid td input{
	float: left;
	margin-bottom: 15px; 
	height: 18px;
	border:1px solid #A8A8A8 !important;
	width: 142px !important;
	font-family:'HelvetivaNeue','Helvetica Neue', Helvetica;
	font-size: 13px !important;
	color: #666;
}

.divPanelGrid tr td:first-child label{
	margin-left: 0px !important; 
}

.panelMessages{
	margin:0 auto;  
	width: 130px;
}

.panelMessages .ui-message-error{
	width: 150px !important;
	height: 15px !important;
	margin: 2px !important;
	padding: 2px !important;
	text-align: center;
}

.bloque{
	display: inline-block;
	width: 100%;
	margin: 0 auto;
	margin-bottom: 10px;
	text-align: center;
}

.butonSmall{
	width: 90px !important;
	height: 30px !important;
	font-size: 12px !important;
}

.butonSmall span{
	padding: 0em 0em 0em 0em !important;
}

.linea{
	background: none;
	border-top: 1px solid #CCCCCC;
	border-right: none;
	border-left: none;
	margin: 10px;
}

.acceso-denegado {
	background-image: url('../resources/images/candado.png') ;
	height: 128px;
	width: 128px;
	margin: 0 auto;
}